/* Texas Tech Athletics - Custom CSS Document */


/*----------------BEGIN TABLE STYLING: news-story-table----------------------------------*/
.news-story-table th {
	background-color:#444444;
	padding: 10px;
	color:#ffffff; 
	text-align:left; 
}

.news-story-table {
		width:100%; 
		border-collapse:collapse; 
	}
	.news-story-table td, .news-story-table th{ 
		padding:7px; border:#444444 1px solid;
	}
	
	/*  Define the background color for all the ODD background rows  */
	.news-story-table tr:nth-child(odd){ 
		background: #e2e2e2;
	}
	/*  Define the background color for all the EVEN background rows  */
.news-story-table tr:nth-child(even){
		background: #ffffff;
	}
	
.news-story-table tr:hover {
		row-border-left:#cc0000;
	}

.news-story-table-secondary {
	font-size: 12px;
	font-weight: 200;
	font-color:#ffffff;
}

.news-story-table-secondary a a:hover{
	font-size: 12px;
	font-weight: 200;
	font-color:#cc0000;
}


#content.story table.news-story-table td.news-story-table-name {
	font-weight:500 !important;
}

/*----------------END TABLE STYLING: news-story-table----------------------------------*/



/*----------------BEGIN BLOCKQUOTE STYLING: Option 1----------------------------------*/

blockquote { position: relative; padding: 20px 40px 20px 40px; margin: 20px 0; text-shadow: #fff 0 1px 1px; color: #373737; font-weight: bold; font-size:15px; border-left: 10px solid #cc0000; background: #eee; background-repeat: repeat; background-size: 3px 3px; quotes: "\201C" "\201D" "\2018" "\2019"; clear: both; }
blockquote:before { content: open-quote; left: 5px; top: 25px; }
blockquote:after { content: close-quote; right: 5px; bottom: -5px; }
blockquote:before, blockquote:after { display: block; font-size: 60px; position: absolute; color: #373737; }	

/*----------------END BLOCKQUOTE STYLING: Option 1----------------------------------*/


/*----------------BEGIN BLOCKQUOTE STYLING: Option 2----------------------------------*/

#quote5.quotewrapper5 {
float:left;margin:20px 20px 20px 0px;width:40%;
}

#quote5.quotewrapper5 .quotebox {
padding: 32px 25px;
color: #444444;
font-family: "Open Sans", sans-serif;
font-size: 24px !important;
font-weight: 600;
margin-bottom: 27px;
position: relative;
line-height: 28px !important;
}

#quote5.quotewrapper5 .quotebox  .quotetext {
border-top: 3px solid #999999;
border-bottom:15px solid #cc0000;
padding: 15px 15px 5px 15px;
}



#quote5.quotewrapper5 .attribution p {
font-family: 'Lucida grande','Lucida Sans','Lucida Sans Unicode';
font-size: 18px;
color: #999;
width:100%;
text-align:right;
}

/*** SMALL ***/
@media (max-width: 767px) {
#quote5.quotewrapper5 {width:100%;margin:20px 0px;}
}/* END QUERY */

/*----------------END BLOCKQUOTE STYLING: Option 2----------------------------------*/


/*----------------BEGIN BLOCKQUOTE STYLING: Option 3----------------------------------*/

#quote4.quotewrapper4 {
float:right;margin:20px 0px 20px 20px;width:40%;
}

#quote4.quotewrapper4 .quotebox {
padding: 32px 25px;
color: #444444;
font-family: "Open Sans", sans-serif;
font-size: 24px !important;
font-weight: 600;
margin-bottom: 27px;
position: relative;
line-height: 28px !important;
}

#quote4.quotewrapper4 .quotebox  .quotetext {
border-top: 3px solid #999999;
border-bottom:15px solid #cc0000;
padding: 15px 15px 5px 15px;
}



#quote4.quotewrapper4 .attribution p {
font-family: 'Lucida grande','Lucida Sans','Lucida Sans Unicode';
font-size: 18px;
color: #999;
width:100%;
text-align:right;
}

/*** SMALL ***/
@media (max-width: 767px) {
#quote4.quotewrapper4 {width:100%;margin:20px 0px;}
}/* END QUERY */

/*----------------END BLOCKQUOTE STYLING: Option 3----------------------------------*/


/*----------------BEGIN BLOCKQUOTE STYLING: Option 4----------------------------------*/

#quote.quotewrapper .quotebox {
background: #27a8f5;

}

#quote.quotewrapper .quotebox {
background: #cc0000;
padding: 32px 25px;
color: #252525;
font-family: "Open Sans", sans-serif;
font-size: 36px !important;
font-weight: normal;
margin-bottom: 27px;
position: relative;
text-transform: uppercase;
line-height: 38px !important;
}

.show-west #quote.quotewrapper .quotebox:after {
border-color: transparent #27a8f5 transparent transparent;
}

#quote.quotewrapper .quotebox:after {
border-color: transparent #cc0000 transparent transparent;
border-style: solid;
border-width: 0 29px 25px 0;
content: "";
font-size: 0;
height: 0;
line-height: 36px !important;
position: absolute;
right: 68px;
bottom: -21px;
width: 0;
}


#quote.quotewrapper .quotebox  .quotetext {
border-left: 5px solid #000;
padding: 0 0 0 18px;
/*word-wrap: break-word;
line-height: 1em;
font-weight: bold;
margin: 0;
color: #fff;
font-size: 50px;
word-break: break-word;*/
}

#quote.quotewrapper {
margin: 10px 0 10px 10px;
float: right;
width: 100%!important;
}

#quote.quotewrapper .attribution p {
float: right;
clear: both;
font-family: 'Lucida grande','Lucida Sans','Lucida Sans Unicode';
font-size: 18px;
color: #373737;
font-style: italic;
padding-right: 29px;
}

/*** MEDIUM ***/
@media (min-width: 768px) and (max-width: 1023px) {
#quote.quotewrapper .quotebox {font-size: 23px !important;line-height: 25px !important;}
}/* END QUERY */

/*** SMALL ***/
@media (min-width: 480px) and (max-width: 767px) {
#quote.quotewrapper .quotebox {font-size: 23px !important;line-height: 25px !important;}
}/* END QUERY */

/*** XTRA SMALL ***/
@media (max-width: 479px) {
#quote.quotewrapper .quotebox {font-size: 16px !important;line-height: 18px !important;}
}/* END QUERY */
/*----------------END BLOCKQUOTE STYLING: Option 4----------------------------------*/


/*----------------BEGIN BLOCKQUOTE STYLING: Option 5----------------------------------*/

#quote3.quotewrapper3 .quotebox {
background: #e2e2e2;

}

#quote3.quotewrapper3 .quotebox {
background: #e2e2e2;
padding: 32px 25px;
color: #444444;
font-family: "Open Sans", sans-serif;
font-size: 36px !important;
font-weight: 600;
margin-bottom: 27px;
position: relative;
text-transform: uppercase;
line-height: 38px !important;
}

.show-west #quote3.quotewrapper3 .quotebox:after {
border-color: transparent #e2e2e2 transparent transparent;
}

#quote3.quotewrapper3 .quotebox:after {
border-color: transparent #e2e2e2 transparent transparent;
border-style: solid;
border-width: 0 29px 25px 0;
content: "";
font-size: 0;
height: 0;
line-height: 36px !important;
position: absolute;
right: 68px;
bottom: -21px;
width: 0;
}


#quote3.quotewrapper3 .quotebox  .quotetext {
border-left: 5px solid #000;
padding: 0 0 0 18px;
/*word-wrap: break-word;
line-height: 1em;
font-weight: bold;
margin: 0;
color: #fff;
font-size: 50px;
word-break: break-word;*/
}

#quote3.quotewrapper3 {
margin: 10px 0 10px 10px;
float: right;
width: 100%!important;
}

#quote3.quotewrapper3 .attribution p {
float: right;
clear: both;
font-family: 'Lucida grande','Lucida Sans','Lucida Sans Unicode';
font-size: 18px;
color: #373737;
font-style: italic;
padding-right: 29px;
}

/*** MEDIUM ***/
@media (min-width: 768px) and (max-width: 1023px) {
#quote3.quotewrapper3 .quotebox {font-size: 23px !important;line-height: 25px !important;}
.lastlink {display:none !important;}
}/* END QUERY */

/*** SMALL ***/
@media (min-width: 480px) and (max-width: 767px) {
#quote3.quotewrapper3 .quotebox {font-size: 23px !important;line-height: 25px !important;}
}/* END QUERY */

/*** XTRA SMALL ***/
@media (max-width: 479px) {
#quote3.quotewrapper3 .quotebox {font-size: 16px !important;line-height: 18px !important;}
}/* END QUERY */ul

/*----------------END BLOCKQUOTE STYLING: Option 5----------------------------------*/




/*----------------BEGIN PHOTOS W/IN A STORY----------------------------------*/
.story-photo-right-border {
  float: right;
  margin: 15px 0px 15px 15px;
  font-size: 11px;
  line-height: 14px;
  color: #a1a1a1;
  padding: 15px;
  border: 1px solid #ccc;
  width:400px;
}

.story-photo-left-border {
  float: left;
  margin: 15px 15px 15px 0px;
  font-size: 11px;
  line-height: 14px;
  color: #a1a1a1;
  padding: 15px;
  border: 1px solid #ccc;
    width:400px;
}


@media (max-width: 767px) {
.story-photo-right-border, .story-photo-left-border {
  float: left;
  margin: 15px 15px 15px 0px;
  
    }     
}

@media (max-width: 479px) {
.story-photo-right-border, .story-photo-left-border {
  width:290px;
  margin: 15px 0px 15px 0px;
    }     
}

/*----------------END PHOTOS W/IN A STORY----------------------------------*/




/*----------------BEGIN LINES----------------------------------*/ 

.text_dotted_line{
padding: 10px 0px 10px 0px;
  border-bottom: 1px dotted #444 !important;
  position:relative;
  width: 100%;
}

.gray-line {
width: 100%;
position: relative;
padding: 10px 0px 10px 0px;
border-bottom: solid 1px #CCC !important;
}

/*----------------END LINES----------------------------------*/ 


/*----------------BEGIN BUTTON STYLING----------------------------------*/ 

/*clear button styles*/
/*button {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 15px 45px;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-weight:400;
  line-height: 1.8;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
}
button:focus {
  outline: none
}


/*flat button*/
/*section.flat button {
  color: #fff;
  background-color: #cc0000;
  border: none;
}
section.flat button:hover,
section.flat button.hover {
  background-color: #b70101;
}
section.flat button:active,
section.flat button.active {
  background-color: #cc0000;
}*/

/*----------------END BUTTON STYLING----------------------------------*/ 



/*----------------BEGIN HEADER STYLING----------------------------------*/ 


/*h3 {color:#cc0000;font-size:18px;display:inline !important;}*/

.h300 {font-size:30px;font-family: "Open Sans", sans-serif; font-weight: 300; font-style: normal;line-height: 28px;}
.h200 {font-size:30px;font-family: "Open Sans", sans-serif; font-weight: 200; font-style: normal;line-height: 28px;}
.h100 {font-size:30px;font-family: "Open Sans", sans-serif; font-weight: 100; font-style: normal;line-height: 28px;}

/*----------------END HEADER STYLING----------------------------------*/



/*----------------BEGIN WELL STYLING----------------------------------*/ 
.well {
text-align:center;
  min-height: 20px;
  width:100%;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

.well-header {
font-weight:500;
letter-spacing:4px;
text-transform:uppercase;
}

.well-secondary {
font-weight:500;
font-size:12px;
text-transform:uppercase;
}


/*----------------END WELL STYLING----------------------------------*/ 




/*----------------BEGIN BUTTON STYLING----------------------------------*/ 

a.ttu-button {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 15px 45px;
  font-size: 16px;
  font-family: 'Open Sans', arial, sans-serif;
  font-weight:600;
  line-height: 1.8;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  color: #FFFFFF !important;
  background: #cc0000;
  text-decoration: none;
}

a.ttu-button:hover {
  color: #FFFFFF;
  background: #b70101;
}

/*----------------END BUTTON STYLING----------------------------------*/